<!DOCTYPE html>
<html>
<head>
    <base target="_blank" />
    <title>后台</title>
    <meta charset="utf-8">
    <link rel="stylesheet" href="<?=HW_CSS?>base.css">
    <link rel="stylesheet" href="<?=HW_CSS?>font.css">
    <link rel="stylesheet" href="<?=HW_CSS?>style.css">
    <style type="text/css">
        html {
            height: 100%;
        }
        .inline-menu {
            /*width: 140px;*/
            overflow: hidden;
        }
        .inline-menu::after {
            content: '';
            clear: both;
        }
        .hover_content .titleMenu .isCommonUse .secMenu {
            /*padding-right: 25px;*/
        }
        .hover_content .titleMenu .isCommonUse .secMenu.text_align_center {
            /*text-align: center;*/
            /*padding-left: 0;*/
        }
    </style>
</head>
<body>
    <!--header-->
    <header>
        <ul>
            <li class="logo"><img src="<?=HW_IMG?>admin_logo.png" alt="logo"></li>
            <li class="toggle-menu">
                <i class="iconfont" style="font-size: 18px">&#xe600;</i>
            </li>
            <!-- 技术支持 -->
            <!-- <li class="tehonlogy">杭为科技网络有限公司技术支持</li> -->
            <!-- 管理员 -->
            <li class="quit_login" id="logout">
                <div class="box">
                    <i class="iconfont">&#xe6db;</i>
                    <span><?php if(isset($_SESSION['admin_info']['username'])){echo $_SESSION['admin_info']['username'];} ?></span>
                    <div class="down_sanjiao"></div>
                </div>
            </li>
            <!--admin_quit 悬停框-->
            <div class="admin_quit">
                <div class="up_sanjiao"></div>
                <div class="info">
                    <div class="user_info">
                        <ul>
                            <li><p><?php if(isset($_SESSION['admin_info']['username'])){echo $_SESSION['admin_info']['username'];} ?></p><span></span></li>
                        </ul>
                    </div>
                    <!-- <div class="change_pw pub_style">
                        <a href="http://www.xscall.com/Admin/ServiceMan/serviceman_edit" class="new_iframe">
                            <ul>
                                <li><i class="iconfont">&#xe607;</i></li>
                                <li>修改密码</li>
                            </ul>
                        </a>
                    </div> -->
                    <div class="logout pub_style">
                        <!-- <a  href="<?=base_url().'Admin/Login/logOut'?>"> -->
                        <ul>
                            <li><li><i class="iconfont">&#xe95c;</i></li></li>
                            <li><a target="_self" href="<?=base_url().'Admin/Login/logOut' ?>">退出登录</a></li>
                        </ul>
                        <!-- </a> -->
                    </div>
                </div>
            </div>
            <!-- 图标列表 -->
            <!--<li class="icons">
                <a href="" class="link_icon"><i class="iconfont">&#xe619;</i></a>
                <a href="" class="link_icon"><i class="iconfont">&#xe61b;</i></a>
                <a href="" class="link_icon"><i class="iconfont">&#xe60d;</i></a>
            </li>-->
        </ul>
    </header>
    <!--侧边栏目录-->
    <aside>
        <div class="first_sidebar">
            <ul>
                <!-- 用户中心 -->
                <li class="show-flow" data-flow="<?=HW_IMG?>flow-business.png">
                    <div class="firstMenu" data-id="#business-flow"><i class="iconfont">&#xe6db;</i><span>用户中心</span></div>
                    <div class="hover_content">
                        <div class="sanjiao"></div>
                        <div class="menu_sub">
                            <div class="titleMenu">
                                <!-- 用户管理 -->
                                <div class="isCommonUse">
                                    <div class="secMenu text_align_center">用户管理</div>
                                    <div class="thrMenu inline-menu">
                                        <div>
                                            <a href="<?=base_url().'Admin/User/user'?>" class="new_iframe">用户列表</a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </li>
                <!-- 咨询中心 -->
                <li class="show-flow" data-flow="<?=HW_IMG?>flow-business.png">
                    <div class="firstMenu" data-id="#business-flow"><i class="iconfont">&#xe60e;</i><span>资讯中心</span></div>
                    <div class="hover_content">
                        <div class="sanjiao"></div>
                        <div class="menu_sub">
                            <div class="titleMenu">
                                <!-- 资讯管理 -->
                                <div class="isCommonUse">
                                    <div class="secMenu text_align_center">资讯管理</div>
                                    <div class="thrMenu inline-menu">
                                        <div>
                                            <a href="<?=base_url().'Admin/Information/index'?>" class="new_iframe">资讯列表</a>
                                        </div>
                                        <div>
                                            <a href="<?=base_url().'Admin/Video/Video_edit'?>" class="new_iframe">视频配置</a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </li>
                <!-- 介绍中心 -->
                <li class="show-flow" data-flow="<?=HW_IMG?>flow-business.png">
                    <div class="firstMenu" data-id="#business-flow"><i class="iconfont">&#xe604;</i><span>介绍中心</span></div>
                    <div class="hover_content">
                        <div class="sanjiao"></div>
                        <div class="menu_sub">
                            <div class="titleMenu">
                                <!-- 模块管理 -->
                                <div class="isCommonUse">
                                    <div class="secMenu">模块管理</div>
                                    <div class="thrMenu">
                                        <div>
                                            <a href="<?=base_url().'Admin/Introduce/index/1'?>" class="new_iframe">临平新城</a>
                                        </div>
                                        <div>
                                            <a href="<?=base_url().'Admin/Introduce/index/2'?>" class="new_iframe">艺尚小镇</a>
                                        </div>
                                        <div>
                                            <a href="<?=base_url().'Admin/Introduce/index/3'?>" class="new_iframe">东湖绿道</a>
                                        </div>
                                        <div>
                                            <a href="<?=base_url().'Admin/Introduce/index/4'?>" class="new_iframe">绿道设施</a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </li>
                <!-- 系统设置 -->
                <!-- <li class="show-flow" data-flow="<?=HW_IMG?>flow-business.png">
                    <div class="firstMenu" data-id="#business-flow"><i class="iconfont">&#xe67c;</i><span>系统管理</span></div>
                    <div class="hover_content">
                        <div class="sanjiao"></div>
                        <div class="menu_sub">
                            <div class="titleMenu">
                                <div class="isCommonUse">
                                    <div class="secMenu">
                                        系统设置
                                    </div>
                                    <div class="thrMenu">
                                        <div>
                                            <a href="<?=base_url().'Admin/AdminUser/index'?>" class="new_iframe">操作员管理</a>
                                        </div>
                                        <div>
                                            <a href="<?=base_url().'AuthManager/Auth/index'?>" class="new_iframe">权限组管理</a>
                                        </div>

                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </li> -->
            </ul>
        </div>
        <!-- 杭为科技 -->
        <div class="company_logo"><a href="http://www.ihangwei.com" target="_blank">杭为科技 | 技术支持</a></div>
    </aside>
    <!--主体信息-->
    <section class="con" id="iframes">
        <!--标签-->
        <div class="tag">
            <ul id="tab_ul"></ul>
        </div>
        <!-- http://www.xscall.com/Admin/Building/building_list -->
        <iframe src="<?=base_url().'Admin/User/user'?>" id="iframe" name="iframe" width="100%" height="100%" scrolling="auto" frameborder="0" style="overflow: hidden;"></iframe>
    </section>
    <script src="<?=HW_JS?>jquery-2.0.2.min.js"></script>
    <!-- <script src="<?=HW_JS?>preventBack.js"></script> -->
    <script src="<?=HW_JS?>new_iframe.js"></script>
    <script>
        ;
        ((function () {
            //设置每个悬浮框的宽度
            $(".menu_sub").each(function () {
                var child = $(this).find(".isCommonUse"),
                child_w = child.eq(0).width();
                $(this).width(child_w * child.length);
            });
            $(".pub_style").hover(function () {
                $(this).addClass("active");
            }, function () {
                $(this).removeClass("active");
            });
            //tag的宽度, bab标签页
            // var tag_width = $(document).width() - 160;
            var tag_width = $('section')[0].clientWidth - 20;
            $(".tag").width(tag_width);
            // 设置section 的宽度
            var winW = window.innerWidth;
            //     asideW = $('aside').width();
            // $('#iframes').css({'width': (winW - asideW) + 'px'});
            // 左侧导航栏收缩
            $('.toggle-menu').click(function () {
                var sider = $('.first_sidebar');
                if (sider.hasClass('toggle-in')) {
                    sider.removeClass('toggle-in');
                    $('.company_logo').show();
                    $('#iframes').css({
                        'margin-left': '200px'
                    });
                } else {
                    sider.addClass('toggle-in');
                    $('.company_logo').hide();
                    $('#iframes').css({
                        'margin-left': '50px'
                    });
                }
                asideW = $('aside').width();
                $('#iframes').css({
                    'width': (winW - asideW) + 'px'
                });
            });
            // 点击左侧nav导航大模块， 显示相应的流程图
            var liElem = $('.firstMenu'); // 左侧导航栏列表
            liElem.on('click', function () {
                var selector = $(this).data('id');
                $('.flow-container').addClass('hide');
                if (!selector) return;
                $('.flow-container').removeClass('hide').find('.flow-img').addClass('hide');
                $(selector).removeClass('hide');
            });
            $('.flow-container').on('click', 'span', function () {
                $(this).parent().addClass('hide');
            });
            $('.new_iframe').on('click', function () {
                $('.flow-container').addClass('hide');
            });
        })());
    </script>
</body>
</html>